import React from 'react';

import { Layout, ConfigProvider } from 'antd'
import Store from './mods/store';
import Preview from './mods/preview';
import { DesignFrameworkProvider } from './lowgo/design/DesignFramework';
import DesignSetter from './lowgo/design/DesignSetter';

function App() {
  
  return (
      <DesignFrameworkProvider>
          <ConfigProvider
            theme={{
              components: {
                Layout: {
                  headerBg: '#fff',
                  siderBg: '#fff',
                  bodyBg: '#f5f5f5'
                }
              }
            }}
            layout={{

            }}
          >
            <Layout style={{ height: '100%', overflow: 'hidden' }}>
              <Layout.Header>
                sss
              </Layout.Header>
              <Layout>
                <Layout.Sider>
                  <Store />
                </Layout.Sider>
                <Layout.Content style={{paddingLeft:40,paddingRight:40,paddingTop:10}}>
                  <Preview  />
                </Layout.Content>
                <Layout.Sider style={{padding:10}}>
                  <DesignSetter/>
                </Layout.Sider>
              </Layout>

            </Layout>
          </ConfigProvider>
      </DesignFrameworkProvider>
  );


}
export default App